
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalabel=no">
        <title>智保客</title>
        <style type="text/css">
                *{
                    margin:0;
                    padding:0;
                }
                #ie9{
                    text-align: center;
                    background-color:#efefef;
                    height: 100%;
                    width: 100%;
                    position: absolute;
                    bottom:0;
                    top:0;
                }
                .ie-top{
                    text-align: center;
                    /* line-height: 40px; */
                    padding-top:10%;
                    padding-bottom: 20px;
                }
                .ie-line{
                    font-size: 30px;
                    text-align: center;
                    padding-bottom: 30px;
                }
                .line1{
                    margin:0;
                }
                .line2{
                    margin:0;
                    font-size: 24px;
                    color:#9f9f9f;
                }
                .ie-con{
                    /* margin:0 250px 0 250px; */
                    margin:0 20%;
                    border-radius: 4px;
                    border:1px solid #cdcdcd;
                    box-shadow: 0 0 3px #cdcdcd;
                }
                .con1{
                    background-color:#fff;
                    padding:30px;
                    line-height: 30px;
                    border-radius: 4px;
                }
                .con1 p {
                    margin:0;
                }
                .con2{
                    text-align: center;
                    border-radius: 4px;
                    line-height: 50px;
                    color:#9f9f9f;
                    cursor: pointer;
                }
                a{
                    text-decoration:none;
                    color:#9f9f9f;
                }
                img{
                    margin:20px 5% 0 5%;
                    cursor: pointer;
                }
            </style>
    </head>
    <body>
        <div id="ie9">
            <div class="ie-top">智保客</div>
            <div class="ie-line">
                <p class="line1">我们不支持IE9及以下版本浏览器</p>
                <p class="line2">It appears you're using an unsupported browser</p>
            </div>
            <div class="ie-con">
                <div class="con1">
                    <p>为了获得更好的浏览体验，我们强烈建议您使用较新版本的Chrome、Firefox、Safari等，或者升级到最新版本的IE浏览器。如果你使用的是IE10及以上版本，请关闭“兼容性视图”。</p>
                    <div>
                        <img src="image/logo_chrome.png" alt=""/>
                        <img src="image/logo_firefox.png" alt=""/>
                        <img src="image/logo_ie.png" alt=""/>
                    </div>
                </div>
                <div class="con2">
                    <!-- <a href="../index.html" target="_blank"> -->
                        <a onclick="toback()">
                    继续访问</a></div>
            </div>
        </div>
    </body>
    <script language="javascript">
        if(navigator.appName == "Microsoft Internet Explorer"&&parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE",""))<9){
            // alert("您的浏览器版本过低，请下载IE9及以上版本");
        }else{
            window.history.back(-1); 
        }
        function toback(){
            window.history.back(-1); 
        }
    </script>
</html>

